/*

 */
.slider { width:100%; min-height: 250px; display: block; position: relative; background: #fff; overflow: hidden; }
.slider ul { list-style: none; }
.slider-content { float: left; width: 100%; display: block; overflow: auto; min-height:250px; }
.slider-content ul { float: left; width: 100%; display: block; position: relative; }
.slider-content ul li { float: left; width: 100%; }
.slider-content .title {display:block; padding:5px 0; text-indent:10px; background:#f8f8f8; color: #222; width: 100%;font-weight:600;text-transform: uppercase; }
.slider-content .selected .title{background:#f2f2f2;}
.slider .slider-nav { position: absolute; right: 0; top: 0; background: #f2f2f2; min-height: 250px;width:25px; }
.slider .slider-nav ul { padding: 5px 0; }
.slider .slider-nav li a { padding: 3px 5px; line-height:14px; text-align: center; color: #333; font-weight: 500; display: block; text-transform: uppercase; cursor: pointer; }
.slider #debug { position: absolute; bottom: 0; left: 0; padding: 5px; background: #000; color: #fff; }
.slider .arrow { font-size: 0px; line-height: 0%; width:0px; border-bottom: 8px solid #333; border-left: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; position: relative; top:0; }
.slider .down { border-bottom: none; border-top: 8px solid #333; top:5px; }
.slider .slide-up, .slider .slide-down {height:25px; background: #f2f2f2; text-align: center; cursor: pointer; float: right; width:25px; position: relative; }